.textOverflow() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

.textOverflowMulti(@line: 3, @bg: #fff) {
  position: relative;
  max-height: @line * 1.5em;
  margin-right: -1em;
  padding-right: 1em;
  overflow: hidden;
  line-height: 1.5em;
  text-align: justify;
  &::before {
    position: absolute;
    right: 14px;
    bottom: 0;
    padding: 0 1px;
    background: @bg;
    content: '...';
  }
  &::after {
    position: absolute;
    right: 14px;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white;
    content: '';
  }
}

// mixins for clearfix
// ------------------------
.clearfix() {
  zoom: 1;
  &::before,
  &::after {
    content: ' ';
    display: table;
  }
  &::after {
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
  }
}

//以下为公共样式的修改

.treeScroll{
  height:500px;
  max-height:750px;
  overflow:auto;
  margin-left:-12px;
  margin-right:-20px;
}

.modalTreeScroll{
  max-height:500px;
  overflow:auto;
  margin-left:-12px;
  margin-right:-20px;
}

.tdPadding{
  :global{
   .ant-table-tbody > tr > td{
      padding:10px;
    }
    .ant-table-thead > tr > th{
      padding:10px;
    }
  }
}
//名称长度
.colSql{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 150px;
}
.colSqlB{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 380px;
}


//描述,备注
.colRemark{
word-wrap: break-word;
word-break: break-all;
max-height: 40px;
overflow:hidden;
}

//详情紧凑
:global{
  .ant-form-item{
    margin-bottom:5px;
  }
}

//详情modal-body背景
.modalBg{
  :global{
    .ant-modal-body{
      background: url(../assets/modalBg.jpg) right bottom no-repeat ;
    }
  }
}

//弹窗口中表格

.modalPadding{
  :global{
    .ant-modal-body{
      padding:0;
    }
  }
}

.tableTest{
  width:100%;
}
.tableTest td{
  padding:12px 8px;
  border:1px solid #e8e8e8;
}
.tableTest td:nth-child(2n+1){
  background-color: #f9f9f9;
  width:15%;
  text-align: right;
}
.tableTest td:nth-child(2n){
  width:35%;
}
.tableTest tr:first-child td{
  border-top:none;
}
.tableTest tr:last-child td{
  border-bottom:none;
}

//查看详情样式
.viewMore {
  :global {
    .ant-modal-body {
      padding: 0;
    }

    /*.ant-col-md-12{
      border-top:1px solid #e8e8e8;
    }
    .ant-col-md-24{
      border-top:1px solid #e8e8e8;
    }*/
    .ant-col-md-12:nth-of-type(1) .ant-form-item {
      border-top: 0;
    }

    .ant-col-md-12:nth-of-type(2) .ant-form-item {
      border-top: 0;
    }

    .ant-col-md-24:nth-of-type(1) .ant-form-item {
      border-top: 0;
    }

    .ant-form-item {
      margin-bottom: 0;
      background-color: #f5f5f5;
      border-top: 1px solid #e8e8e8;
    }

    .ant-form-item-label {}

    .ant-form-item-label>label::after {
      content: ' ';
    }

    .ant-form-item-control {
      padding: 8px;
      background-color: #fff;
      min-height: 39px; //解决为空时背景色问题
      border-left: 1px solid #e8e8e8;
      line-height: normal;
    }

    .ant-form-item-children {
      display: block;
      line-height: 1.5;
      word-break: break-all;
    }

    //解决原来行间距40px的问题
  }
}

.modalScroll {
  max-height: 500px;
  overflow-x: hidden;
 margin-right: -16px;
}